<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="element/index.css">
		<!-- 引入vue.js -->
		<script src="js/vue.js"></script>
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	</head>
	<body>
		
		<div id="app">
			<el-form :model="LoginBean" status-icon  ref="LoginBean" label-width="100px" class="demo-ruleForm">
			  <el-form-item label="用户名" prop="username">
				<el-input type="text" v-model="LoginBean.username" autocomplete="off"></el-input>
			  </el-form-item>
			  <el-form-item label="密码" prop="userpwd">
				<el-input type="password" v-model="LoginBean.userpwd" autocomplete="off"></el-input>
			  </el-form-item>
			  <el-form-item>
				<el-button type="primary" @click="submitForm()">提交</el-button>
				<el-button @click="resetForm('ruleForm')">重置</el-button>
			  </el-form-item>
			</el-form>
		</div>
		<script>
		var app=new Vue({
			el:"#app",
			data:{
				LoginBean:{
					username:"",
					userpwd:""
					
					
				},
				
				
			},
			methods:{
				submitForm:function(){
				},
				resetForm:function(){
					
				}
				
			}
		})
		
		
		  
		</script>
		
		
	</body>
</html>
